<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
<meta charset="utf-8" />
<title>Element Selectors index</title>
<meta name="Description" content="CSS选择符: CSS元素选择符" />
<meta name="Keywords" content="CSS元素选择符, CSS Element Selectors, 通配选择符(*), 类型选择符(E), Class选择符(E.class), ID选择符(E#id)" />
<meta name="author" content="Joy Du(飘零雾雨), dooyoe@gmail.com, www.doyoe.com" />
<meta name="robots" content="all" />
<!--[if lte IE 8]>
<script src="../../js/html5.js"></script>
<![endif]-->
<link rel="stylesheet" href="../../skin/article.css" />
</head>
<body>
<nav id="guide" class="g-mod">
	<div class="from">
		<a href="http://css.doyoe.com/" target="_blank">CSS3参考手册</a>
		<span>&#187;</span>
		<a href="../index.htm">晗安笔记</a>
		<span>&#187;</span>
		<span id="category" rel="hanan/html" name="index">html</span>
	</div>
	<div class="to">
		<span class="label">相关内容：</span>
		<div class="g-combobox g-transition">
			<a href="?" class="g-transition target">
				<strong>其它元素选择符参考</strong>
				<span>选择其它项<!--[if lte IE 7]><ins>IE7 and earlier, Get to die</ins><![endif]--></span>
			</a>
			<div class="g-transition list">
				<ul>
					<!-- 插入分类快速导航 -->
				</ul>
			</div>
		</div>
	</div>
</nav>
<header id="hd">
<!-- 	<section id="title" class="g-mod">
		<h1 class="tit">CSS Element Selectors</h1>
		<ul class="info">
			<li>元素选择符</li>
		</ul>
		 插入浏览器信息 
	</section> -->
</header>
<section id="bd">

	<!-- 我的代码修改区 -->
	<section id="html-listing" class="g-mod g-attr"><!--  注意ID  -->
		<h2 class="tit">html标签列表</h2>
		<div class="cont">
			<table class="g-data">
				<thead>
					<tr>
						<th>标签名</th>
						<th>话法</th>
					</tr>
				</thead>
				<tbody>
					<tr>
						<td width='100'> link标签 </td>
						<td>引入CSS：&lt;link rel="stylesheet" href="skin/layout.css" /&gt;<br>
						设置网页在浏览器上标签的图标：&lt;link rel="shortcut icon" type="image/x-icon" href="jp.jpg" /&gt;</td>
					</tr>
					<tr>
						<td width='100'> A标签 </td>
						<td><a href="a.htm">&lt;a href=" "&gt; &lt;/a&gt; </a></td>
					</tr>
					<tr>
						<td> img </td>
						<td><a href="img.htm">&lt;img src="dog.jpg" width="50" height="50" title="鼠标放上面会显示文字" alt="图片描述==seo用" /&gt;</a></td>
					</tr>
					<tr>
						<td> 文字标签 </td>
						<td><a href="text-tag.htm">&lt;h&gt; &lt;u&gt; &lt;strong&gt; &lt;em&gt; &lt;span&gt; &lt;pre&gt;</a></td>
					</tr>
					<tr>
						<td>头部标签meta </td>
						<td><a href="meta.htm">文档编码： &lt;meta http-equiv="Content-Type" content="text/html;charset=UTF-8"&gt;<br>页面自动跳转：&lt;meta http-equiv="refresh" content="30;url=http://baidu.com" /&gt;<br>页面指定关键词：&lt;meta name="keywords" content="羽绒服批发,外贸羽绒服,品牌羽绒服" /&gt;<br>页面描述：&lt;meta name="description" content="后盾网远12羽绒服批发网，是国内最大的外贸羽绒服批发平台，2014年新开通国内品牌羽绒服专柜，各年龄段，各种风格羽绒服应有尽有，欢迎大家购买！" /&gt;</a></td>
					</tr>
					<tr>
						<td>form input 表单 </td>
						<td><a href="form.htm">&lt;form action="数据接收地址" method="数据发送方式"&gt;</a></td>
					</tr>
					<tr>
						<td>table 表格 </td>
						<td><a href="table.htm">&lt;table&gt; &lt;tr&gt; &lt;td&gt; 文字 &lt;/td&gt; &lt;/tr&gt; &lt;/table&gt;</a></td>
					</tr>
					<tr>
						<td>ul、ol、dl 表格 </td>
						<td><a href="ul.htm">&lt;ul&gt; &lt;li&gt; 文字 &lt;/li&gt; &lt;/ul&gt;</a></td>
					</tr>
					<tr>
						<td>frameset 帧窗口 </td>
						<td><a href="frameset.htm">&lt;frameset&gt; 不能与body共存</a></td>
					</tr>
					<tr>
						<td>iframe 帧窗口 </td>
						<td><a href="iframe.htm">&lt;iframe&gt;  可以和body共存</a></td>
					</tr>
				</tbody>
			</table>
		</div>
<!-- 		<div class="related">
			<p class="g-color-light"><strong class="g-color-css3-change">紫色</strong> 链接表示该属性在CSS3有修改或者增加了新的属性值；<strong class="g-color-css3-new">橙色</strong> 链接表示该属性是CSS3新增属性</p>
		</div> -->
	</section>
	<!-- 我的代码修改区 结束 -->
</section>
<footer id="ft">
	<aside id="rights" class="g-mod">
		<!-- 插入浏览器及版权信息 -->
	</aside>
</footer>
<script src="../../js/jquery.js"></script>
<script src="../../js/inner.js"></script>
</body>
</html>